import React, { Component, Fragment } from "react";

import { Tabs } from "antd";

// 合并页面
import CloudAlarmMonitorResourceMiss from "./Miss";
import CloudAlarmMonitorResourceRole from "./Role";
import CloudAlarmMonitorResourceAgent from "./Agent";
import CloudAlarmMonitorResourceLabel from "./Label";
import CloudAlarmMonitorResourceDivision from "./Division";
import CloudAlarmMonitorResourcePayment from "./Payment";

const { TabPane } = Tabs;

class Index extends Component {
    constructor(props){
        super(props);  
        this.setState = {} 
    }

    render(){
        return (
            <Fragment>
                <Tabs defaultActiveKey="1">
                    <TabPane tab="云监控资源遗漏" key="1">
                        <CloudAlarmMonitorResourceMiss />
                    </TabPane>
                    <TabPane tab="云监控角色遗漏" key="2">
                        <CloudAlarmMonitorResourceRole />
                    </TabPane>
                    <TabPane tab="云监控业务线空标签" key="3">
                        <CloudAlarmMonitorResourceLabel />
                    </TabPane>
                    <TabPane tab="云监控事业部空标签" key="4">
                        <CloudAlarmMonitorResourceDivision />
                    </TabPane>
                    <TabPane tab="云监控主机异常" key="5">
                        <CloudAlarmMonitorResourceAgent />
                    </TabPane>
                    <TabPane tab="云资源付费异常" key="6">
                        <CloudAlarmMonitorResourcePayment />
                    </TabPane>
                </Tabs>
            </Fragment>
        )
    }
}


export default Index;